HTML

<aside class="spotlight-list ">
            
                <h2 class="h2">In the Spotlight</h2>
            
                <article class="spotlight-list__item u-cf">
                    <a class="spotlight-list__link" href="mastersub-system.html">
                        <div class="spotlight-list__image">
                            <img src="/images/temp/article-1.jpg" alt="#">
                        </div>
                        <div class="spotlight-list__title-wrap">
                            <h3 class="spotlight-list__item-title">Michael and Leslie Veal</h3>
                            <p class="spotlight-list__item-subtitle">&quot;We are alive and have a life together because of you.&quot;</p>
                        </div>
                    </a>
                </article>
                <article class="spotlight-list__item u-cf">
                    
                        <div class="spotlight-list__image">
                            <img src="/images/temp/article-2.jpg" alt="#">
                        </div>
                        <div class="spotlight-list__title-wrap">
                            <h3 class="spotlight-list__item-title">One of the Nation&#x27;s Top 25 Cancer Centers</h3>
                        </div>
            
                </article>
                <article class="spotlight-list__item u-cf">
                    <a class="spotlight-list__link" href="mastersub-entity.html">
                        <div class="spotlight-list__image">
                            <img src="/images/temp/article-3.jpg" alt="#">
                        </div>
                        <div class="spotlight-list__title-wrap">
                            <h3 class="spotlight-list__item-title">Our Vision</h3>
                        </div>
                    </a>
                </article>
            
            </aside> <!-- .spotlight-list -->